<script setup lang="ts">
const year = new Date().getFullYear()
</script>

<template>
  <div class="mx-auto w-[1080px] flex items-center justify-between gap-4 py-6 text-sm text-gray-600 whitespace-nowrap">
    <div class="flex items-center gap-3">
      <span class="font-semibold text-gray-800">HZIEE OJ</span>
      <span>© {{ year }}</span>
      <span class="text-gray-300">|</span>
      <span class="text-xs text-gray-500">为教学与练习提供在线判题服务</span>
      <span class="text-gray-300">|</span>
      <span>联系邮箱：<a class="hover:text-gray-800" href="mailto:support@example.com">support@example.com</a></span>
      <span class="text-gray-300">|</span>
      <span>备案号：<a class="hover:text-gray-800" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">浙ICP备000000号</a></span>
    </div>
  </div>
</template>

<style scoped>

</style>
